<template>
  <div>
    <el-table :data="newTableData" style="width: 100%"  :highlight-current-row="true" :stripe="true" size="mini">
      <template v-for="item in tableHeader">
        <el-table-column
          v-if="item.prop !== ''"
          :prop="item.prop"
          :label="item.label">
        </el-table-column>
        <el-table-column
          v-if="item.prop === ''"
          :label="item.label">
          <template scope="scope">
            <el-button type="text" @click="checkProcess(scope.row)" size="small">{{$t('channelsettings.process4')}}</el-button>
          </template>
      </el-table-column>
      </template>
    </el-table>
  </div>
</template>
<script>
  export default {
    name: 'BlackRedTable',
    data () {
      return {
        currentDeleteData: {}
      }
    },
    props: {
      tableData: Array,
      tableHeader: Array
    },
    computed: {
      newTableData () {
        return this.tableData || []
      }
    },
    methods: {
      checkProcess (val) {
        this.$emit('checkProcess', val)
      }
    }
  }
</script>
<style lang="stylus" scoped>
  @import "../../../../../assets/common.styl"
  .updata
    cursor pointer
  .el-table .cell >.el-button--text.del
    color $c-pink
    cursor pointer
  .download
    margin-right 10px
</style>
